//out:../css/
@import './base.less';
@route:37.5rem;
// 头部header
header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: (44/@route);
    padding: 0 (15/@route);
    .icon-left{
        font-size: (25/@route);
    }
    h5{
        font-size: (17/@route);
    }
    .note{
        font-size: (15/@route);
        color: #2CB5A5;
    }
}
img{
    width: (240/@route);
    margin: (30/@route) (67.5/@route) (18/@route)  (67.5/@route);
}
.middle{
    display: flex;
    justify-content: center;
    align-items: center;
    height: (25/@route);
    font-size: (16/@route);
    margin-bottom: (34/@route);
    .time{
        color: #2CB5A5;
        margin-right: (5/@route);
    }
}
.type{
    height: (78/@route);
    width: (345/@route);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 (15/@route);
    border:(0.5/@route) solid #EDEDEDE5;
    border-radius: (4/@route);
    margin-bottom: (15/@route);
    .type-left{
        display: flex;
        align-items: center;
        margin-right: (100/@route);
        img{
            width: (40/@route);
            height: (40/@route);
            margin: (14/@route) (14/@route);
        }
        .type-txt{
            .txt-title{
                font-size: (16/@route);
                line-height: (24/@route);
            }
            .txt-info{
                font-size: (13/@route);
                line-height: (20/@route);
                color: #848484;
            }
        }
    }
    .icon-right{
        font-size: (17/@route);
        margin-right: (10/@route);
    }
}